/* reset */
page{background: #FFFFFF;}
.cu-custom .bg-white{color: #333333; font-size: 0.96rem; font-weight: 500; font-family: PingFangSC-Medium,PingFang SC;}
.cu-form-group.flex{padding: 0; -webkit-box-align: normal; -webkit-align-items: normal; align-items: normal;}
.cu-bar .search-form.bg-white{background: #FFFFFF;}
.margin-0{margin: 0 !important;}
.cu-list.menu-avatar.comment>.cu-item .content{max-width: calc(100% - 10upx);}
.cu-card.article>.cu-item .content .title ~ .text-content{height: auto;}
.cu-form-group .title {min-width: calc(5em + 15px);}
.cu-bar.foot{z-index: 998;}

/* common */
.status_bar{height: var(--status-bar-height); width: 100%;}
.noaf::after{display: none;}
.noshadow{box-shadow: none !important;}
.nobg{background: none !important;}
.nospace{justify-content:center !important;}
.container.bar{margin-bottom: 100upx;}
.container.bar .cu-bar.tabbar{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 666;}
.container.bar .cu-modal .cu-bar.tabbar{position:inherit;}
.scanbtn{width: 1.3rem; height: 1.3rem;}
.signbtn{width: 4.53rem; height:1.6rem; display: inline-block; background: url(@/static/images/bg_img_sign.png) center top no-repeat; background-size: 100% auto;}
.clamp {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;}
.content-nav{padding: 10upx 20upx; position: relative;}
.content-nav::after{height: 0.03rem; content: ''; background: #EEEEEE; width: 100%; position: absolute; left: 0; bottom: 0;}
.content-nav .cu-item{color: #999999;}
.content-nav .cu-item.cur{color: #333333; font-weight: 600; font-size: 128%; border-bottom: none; position: relative;}
.content-nav .cu-item.cur::after{content: '';width:1.01rem; height:0.19rem; background:rgba(255,87,87,1); box-shadow:0rem 0.13rem 0.16rem 0rem rgba(255,178,178,1); border-radius:0.08rem; position: absolute; bottom: 0; left: 50%; margin-left: -0.505rem;}
.content-tab .tab-item{display: none;}
.content-tab .tab-item.active{display: block;}
.scrollx{white-space: nowrap;}
.cu-item.image{display: inline-block; height: 360upx; width: 270upx; position: relative; overflow: hidden; background:linear-gradient(180deg,rgba(250,149,244,1) 0%,rgba(171,64,223,1) 100%);}
.cu-item.image.shadow{box-shadow:0px 4upx 16upx 0px rgba(179,179,179,0.5);}
.cu-item.image > image{height: 100%; width: 100%;}
.cu-item.image .title{position: absolute; top: 22upx; left: 24upx; font-size: 30upx; font-weight: 600; color: #FFFFFF; font-family: 'PingFangSC-Semibold','PingFang SC'; text-shadow: 0px 0px 2px #000;}
.share-item image{width: 120upx; height: 120upx;}
.share-item .text-xxxl{width: 120upx; height: 120upx; line-height: 120upx; margin: 0 auto; margin-bottom: 4upx;}
.nav-hide{display: none; visibility: hidden; height: 0; width: 0; overflow: hidden;}
image.vipexpired, .vipexpired > *{filter: grayscale(100%);}

/* append */
.hide{display: none !important;}
.text-warp{white-space: normal; word-wrap: break-word;}
.text-tagtitle{padding-right: 30upx; background:url(@/static/images/bg_img_tag.png) no-repeat right center; background-size: 15upx auto;}
.text-title{color: #222222; font-size: 36upx; font-weight: 600; font-family:PingFangSC-Semibold,PingFang SC;}
.text-titlem{color: #222222; font-size: 38upx; font-family:PingFangSC-Semibold,PingFang SC;}
.text-xxxl{color: #2C2C2C; font-size: 1.87rem; font-family:PingFangSC-Medium,PingFang SC; font-weight: 500;}
.text-muted{color: #666666;}
.text-boldm{font-weight: 500;}
.text-empty{text-align: center; color: #AAAAAA; line-height: 240upx;}
.cu-btn.xl {padding: 0 50upx; font-size: 36upx; height: 96upx;}
.flex-quadruple {-webkit-box-flex: 4; -webkit-flex: 4; flex: 4;}
.flex-quintet{-webkit-box-flex: 5; -webkit-flex: 5; flex: 5;}
.border-bottom{border-bottom: 1px solid #EEEEEE;}
.input-search{position: relative; height: 100%; width: 90%; margin: 0 auto; text-align: center;}
.input-search::before{font-family: "cuIcon"; font-size: inherit; font-style: normal; content: "\e65c"; position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: -11px;}
.input-search.active{text-align: left; padding-left: 18px;}
.input-search.active::before{left: 0; margin-left: 0;}
.modal-bg{background: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.modal-bg ~ *{position: relative;}
.bg-orange-red{background-color: #FD6237; color: #FFFFFF;}
.bg-gradual-yellow{background:linear-gradient(140deg,rgba(255,216,56,1) 0%,rgba(255,180,31,1) 100%);}
.bg-white-opacity2{background: rgba(255,255,255,0.2);}
.bg-black-opacity2{background: rgba(0,0,0,0.2);}
.radius-lg{border-radius: 12upx;}
.radius-lg-nobt{border-radius: 12upx 12upx 0 0;}
.round-topleft-none{border-radius: 0 2500px 2500px;}
.round-bottomleft-only{border-radius: 0 0 0 50upx;}
.round-right-only{border-radius: 0 2500px 2500px 0;}
.padding-left-xxl{padding-left: 60upx;}
.border-left{border-left: 1px solid #979797;}
.border-left-thin, .border-top, .border-left-white{position: relative;}
.border-left-thin::before{content: ''; height: 1.01rem; width: 0.03rem; position: absolute; background: #CCCCCC; left: 0; top: 50%; margin-top: -0.505rem;}
.border-left-white::before{content: ''; height: 100%; width: 1upx; position: absolute; background: #CCCCCC; left: 0; top: 0;}
.border-top::before{content: ''; height: 1upx; width: 100%; left: 0; top: 0; position: absolute; background: #EEEEEE;}
.cu-form-group.must .text-boldm, .cu-form-group.must .title{position: relative;}
.cu-form-group.must .text-boldm::after, .cu-form-group.must .title::after{content: '*'; color: #FF0000; margin-left: 10upx; vertical-align: middle;}
.cu-form-group>.content{width: calc(100% - 150upx);}
.cu-modal .cu-form-group {text-align: left;}
.cu-avatar.border{border:6upx solid #FFFFFF;}
.cu-avatar.xxl {width: 140upx; height: 140upx;	font-size: 3em;}
.cu-avatar.xxl ~ .content{left: 10upx !important;}
.cu-avatar.xxl ~ .content .text-bold{font-size: 40upx !important;}
.cuIcon-bgclose{background: url(@/static/images/icon/bg_close.png) no-repeat center center; background-size: 100%; display: inline-block; width: 58upx; height: 58upx;}
.menu-avatar:not(.comment) .cu-item:not(.lg) .cu-avatar.xl ~ .content{left: 170upx; width: calc(100% - 340upx);}
.menu-avatar .cu-item .cu-avatar.xl ~ .content .text-lg{font-size: 34upx;}
.cu-list.menu-avatar>.cu-item .action.btn{width: 150upx;}

/* member */
.user-card>.cu-item{padding-left: 190upx !important; background: none !important;}
.user-card>.cu-item:last-child::after{display: none;}
.user-card>.cu-item .text-bold{font-size: 34upx; font-family:PingFangSC-Medium,PingFang SC;}
.user-card>.cu-item .text-content{padding-top: 16upx; font-size: 26upx; line-height: 48upx; min-height: 70upx; max-height: 165upx; overflow: hidden;}
.user-card>.cu-item .cu-avatar.xl ~ .content{min-height: 128upx;}
.user-card>.cu-item .content .right{position: absolute; right: 0; top: 0;}
.user-card>.cu-item .content .title{font-size: 1.06rem !important; font-weight: 600; line-height: 60upx; padding-top: 15upx;}
.user-card>.cu-item .content .title ~ .text-content{padding-top: 0; font-size: 30upx; min-height: unset;}

/* lesson */
.head .cover image{width: 100% !important;}
.head .cover video{width: 100% !important;}
.detail .title{font-family:PingFangSC-Semibold,PingFang SC; color: #222222;}
.detail .flex .text-xxl{font-size: 1.6rem; font-weight: bold; font-family:DINAlternate-Bold,DINAlternate;}
.cu-modal.categorys{top: 202upx;}
.cu-modal.categorys .cu-dialog{width: 100%; border-radius: 0; vertical-align: top;}
.categorys .grid .light.bg-red{background-image: url(@/static/images/bg_item_selected.png); background-repeat: no-repeat; background-position: bottom right; background-size: 40upx auto;}
.sections .cu-item{padding-left: 0;}
.sections .cu-item .title{color: #303030; font-size: 0.85rem; font-family:PingFangSC-Regular,PingFang SC;}
.sections .cu-item .text-sub{color: #777777;}
.sections .cu-item .png{width:1.03rem; height:0.88rem; margin-right: 18upx;}

/* lector */
.postform > .padding{background: #FFFFFF;}
.postform .cu-form-group.flex{padding: 1upx 30upx; padding-top: 20upx;}
.postform .cu-form-group > .text-boldm{color: #222222; font-size: 30upx;}
.postform .text-xl textarea{font-size: 18px;}
.postform .sub-form{padding-left: 60upx;}
.postform .sub-form > .text-boldm{min-width: 160upx;}
.input-block{height: 100upx; line-height: 100upx;}
.input-block input{font-size: 36upx; letter-spacing:1px; line-height: 100upx; min-height: 100upx;}
.input-block picker::after{font-size: 36upx; color: #666666; right: 0; width: 36upx;}
.input-block.arrow{padding-right: 36upx; position: relative;}
.input-block.arrow::after{position: absolute; content: "\e6a3"; width: 36upx; text-align: center; right: 0; height: 100upx; top: 0; line-height: 100upx; text-align: center; font-size: 36upx; color: #666666; font-family: "cuIcon"; font-style: normal;}

/* special */
.specials .cu-item{overflow: visible; margin-left: 50upx; margin-right: 10upx; box-shadow: 0px 1upx 16upx 0px rgba(219, 219, 219, 0.6); border-radius:10upx; padding: 9upx 0;}
.specials .cu-item .cover{margin-left: -60upx; max-width: 200upx; overflow: hidden; box-shadow: 0px 1upx 16upx 0px rgba(219, 219, 219, 0.6);}
.specials .cu-item .content{padding: 0 5px;}
.specials .cu-item .desc .title{line-height: 42upx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; max-width: 100%;}
.specials .cu-item .text-content{height: 2.5rem !important;}

/* auth */
.login-modal .cu-dialog{width: 16rem; padding-top: 3rem; position: relative; overflow: visible;}
.login-modal .cu-dialog::before{content: ' '; height: 226upx; width: 100%; position: absolute; background: url(@/static/images/bg_modal_login.png) no-repeat center top; background-size: auto 100%; left: 0; top: -96upx;}
.login-modal .cu-bar .content{font-weight: 600; font-size:1.23rem; color: #333333; font-family:PingFangSC-Semibold,PingFang SC;}

/* comment */
.comments .cu-item{height: 110upx !important;}
.comments .cu-item>.action{width: 150upx !important;}
.comments .summary{padding-left: 150upx; color: #999999; font-size:26upx; font-family:PingFangSC-Regular,PingFang SC; line-height: 40upx; padding-right: 20upx;}
.comments.mini .cu-item{-webkit-align-items: inherit; align-items: inherit; height: 50upx !important;}
.comments.mini .cu-item .content{left: 120upx;}
.comments.mini .summary{font-size: 0.69rem; line-height: 1.2rem; padding-left: 120upx; padding-right: 20upx; text-align: justify; padding-bottom: 20upx; position: relative;}
.comments.mini .summary::after{position: absolute; content: ''; width: 100%; height: 1upx; left: 0; bottom: 0; background: #F7F7F7;}
.comments.mini .cu-list:last-child .summary::after{display: none;}

/* shop */
.goods-item image{width: 100%;}
.goods-item .title{color: #444444; font-size: 26upx; line-height: 38upx; height: 90upx; overflow: hidden; padding: 10upx 0;}
.goods-item .price{color: #FF5757; font-weight: bold; font-size: 28upx; padding: 8upx 0;}
.goods.grid.col-3 .goods-item>image{ height: calc((100vw - 80upx)/3);}

/* waterfall */
.waterfall>.cu-item{margin: 5px; margin-bottom: 24upx;}
.waterfall>.cu-item.hide{display: none;}
.waterfall>.cu-item .image{max-height: 360upx; overflow: hidden;}
.waterfall>.cu-item .content>image{width: 48upx !important; height: 48upx !important;}
.waterfall>.cu-item .cu-tag{left: 0; right: auto; background: linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); display: inline-block; line-height: 48upx; width: auto; max-width: 160upx;}
.waterfall>.cu-item .cu-bar .round{background: rgba(0,0,0,0.4); right: 0.43rem; position: absolute; color: #FFFFFF; padding: 2px 5px;}
.waterfall>.cu-item .title{color: #403C34; font-size: 0.85rem; font-weight: 500; font-family: 'PingFangSC-Medium','PingFang SC';}
.waterfall .cu-list.menu>.cu-item{padding: 0; min-height: 64upx;}
.waterfall .cu-list.menu>.cu-item .content .text-gray{font-size: 24upx;}
.loadmore .png{width: 49upx; height: 36upx;}

/* records */
.records .cu-item{padding-bottom: 10upx;}
.records .cu-item .content{padding: 0 !important;}
.records .cu-item .content image{width: 300upx; height: 190upx;}
.records .cu-item .content .desc{max-width: calc(100% - 200upx);}
.records .cu-item .content .desc .title{padding: 0; line-height: 44upx; max-height: 88upx; overflow: hidden;}

/* diary */
.diary-video .bg-video{position: relative;}
.diary-video .bg-video::after{content: "\e7c8"; font-family: "cuIcon"; font-size: 120upx; color: #fbbd08; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); text-align: center; line-height: 320upx;}